<div class="menu">
    <div class="menuline">
        <a href="#1">菜单1</a>
        <a href="#2">菜单2</a>
        <a href="#3">菜单3</a>
    </div>
</div>

<style>
.menu {overflow-x: scroll;overflow-y: hidden;}
.menu::-webkit-scrollbar{display: none;}
.menuline{height:70px;min-width:100%;display: flex;flex-wrap: nowrap;flex-direction: row;justify-content:flex-start;}
/* flex-start修正IOS系统space-around居中裁切BUG */
.menu a{height:70px;padding: 0 10px;flex:none;}
</style>